/* global */
#app,.el-container,.main,.el-scrollbar{height:100%;}
.el-aside .el-scrollbar__wrap,.el-main .el-scrollbar__wrap{overflow-x: hidden;}
.el-scrollbar__view{height:100%;}
.el-main{height:100%;}
/* header */
.el-header{background-color: #15273d;color: #fff;}
.logo h1{background:url('../imgs/logo.png') no-repeat left center;padding-left:60px;height:50px;line-height: 50px;font-weight: 400;font-size:22px;margin-top:10px;}
.top-nav{padding-bottom:20px;}
.top-nav .el-menu{background:none;border-bottom:none;text-align:right;padding-top:15px;}
.top-nav .el-menu--horizontal>.el-menu-item{height:36px;line-height:36px;float:none;display:inline-block;}
.top-nav .el-menu--horizontal>.is-active{background:#0085d0;border-radius: 5px;color:#fff;}
.top-nav .el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, .top-nav .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus{background:#0085d0;border-radius: 5px;color:#fff;}
.top-nav .ico-nav{display: inline-block; vertical-align: middle;margin-right:20px;}
.top-nav .ico-nav i{font-size:24px;}
.hd-account{padding-top:5px;text-align: right;}
.hd-account .usr{display:inline-block;margin-right:10px;}
.hd-account .usr i{display: inline-block;width:40px;height:40px;border-radius: 40px;background: #1c324e;line-height: 40px;text-align: center;margin-right:15px;}
.hd-account .hd-btn i{font-size:24px;margin:0 5px;}
.hd-account .icon-tuichu5{color:#fff;}
/* leftnav */
.el-menu {border-right:none !important;height:100%;}
.el-submenu__title{color: #7c8493 !important}
.is-opened .el-submenu__title{color: #0085d0 !important;background:#343c4e !important;border-left:3px solid #0085d0;}
.is-opened .el-submenu__title i{color: #0085d0 !important;}
.el-submenu__title i{margin-right:15px;}
.navbar .iconfont{font-size:18px;margin-right:5px;}
/* .is-opened .other-child-menu .el-submenu__title{background:rgb(43, 49, 62)}
.is-opened .other-child-menu .el-submenu__title{color:rgb(154, 206, 14) !important;background:none !important;border-left:none !important;}
.grandson-menu{display:block;} */
/* footer */
.footer-msg{text-align: center;font-size:12px;}

/*search-wrapper*/
.search-wrapper{background:rgb(43, 49, 62);}
.filter-name{padding-left:15px;}
.search-box{padding:5px 15px 15px;}
.search-box li{margin-top:10px;display:inline-block;}
.el-input__inner{height:34px;line-height:34px;}
.el-input__icon{line-height:34px;}
.el-date-range-picker__editor .el-input__inner{border:1px solid #dcdfe6;background: #fff;}
.el-date-editor .el-range-separator{color:#cee0f3}
.el-date-editor .el-range-input{background:none;}
.el-date-editor .el-range__icon,.el-date-editor .el-range-separator{line-height:24px;}
.button-wrapper {padding: 15px 15px 0;}
.el-button.is-round {padding: 5px 15px;}
.search-box .el-input__inner{background:#1d2331;border:1px solid #2d3e74;}

/*el-table*/
.page-wrapper{margin-top:10px;}
.data-wrapper .el-table tr{background-color:#2b313e!important;}
.data-wrapper .el-table {background:#2b313e !important;color:inherit;}
.data-wrapper .el-table th,.data-wrapper .el-table td{padding:8px 0 !important;border-bottom: 5px solid #1d2331}
.data-wrapper .el-table th{background:#1d2331;border:none}
.data-wrapper .el-table__fixed-right-patch{background-color:#1d2331}
.data-wrapper .el-table--striped .el-table__body tr.el-table__row--striped td {
  background: #FAFAFA; }
.data-wrapper .el-table--striped .el-table__body tr.el-table__row--striped.current-row td {
  background-color: #374869; }
.data-wrapper .el-table__body tr.hover-row > td,.data-wrapper .el-table__body tr.hover-row.current-row > td, .data-wrapper .el-table__body tr.hover-row.el-table__row--striped > td,.data-wrapper .el-table__body tr.hover-row.el-table__row--striped.current-row > td {
  background-color: #374869; }
.data-wrapper .el-table__body tr.current-row > td {
  background-color: #374869; }
.data-wrapper .el-table::before{background-color:#1d2331}
.data-wrapper .el-table__fixed::before, .data-wrapper .el-table__fixed-right::before{background-color:#1d2331}
.page-item{text-align: right}

/*dialog*/
.el-dialog__body{padding:15px;}
.el-dialog__body .el-form-item{margin-bottom:15px;}
.el-dialog__body .el-form-item__error{padding-top:0;}
.el-dialog__footer{padding:0 15px 15px;}
.form-map{height:150px;border:1px solid #eee;margin-top:10px;}
.el-dialog--center .el-dialog__body{padding:15px;padding-top:0;}

.col-wrapper{height:100%;display:flex;}
.col-wrapper .col-tree-box{height:100%;border:1px solid #374869;width:200px;}
.col-wrapper .col-tree-box .el-scrollbar__wrap{overflow-x: hidden;}
.col-wrapper .col-data-box{flex:1;height:100%;margin-left:20px;}
.width-all{display: block}
/*tree*/
.el-tree{color:inherit;background:#232a3b;height:100%;}
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content{
  background:#0085d0; color:yellow; 
}
.el-tree--highlight-current .el-tree-node > .el-tree-node__content:hover{
  background:#0085d0;  
}
/*loading*/
.el-loading-mask{background:rgba(0, 0, 0, .5);width:200px;height:140px;border-radius: 6px;left:50%;top:50%;margin-left:-100px;margin-top:-70px;}
/*河道监测样式*/
.amap-page-container {
  height:100%;
}
.moni_table{
  border:1px solid #ebeef5;
  width:100%;
}
.moni_table th,.moni_table td{
  border-left:1px solid #ebeef5;
  border-bottom:1px solid #ebeef5;
  padding:10px;
}
.moni_table th{
  background:#f8fafc;
  font-weight: bold;
  text-align:right;width:25%;
}
.moni_tabs{
  margin-top:15px;
}
.chart-container{
position: relative;
width: 100%;
height:35vh;
}
.main-container{
  position: relative;
}
.yj-btn{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}
.model-btn{
  position: absolute;
  left:30px;
  top:20px;
}
.equip-btn{
  position:absolute;
  right:100px;
  top:20px;
}
.yj-btn button{
 padding:10px;
 margin:0 10px;
 color:rgb(201, 37, 37);
 /* background:rgba(39,46,56,.9);
 border:none;
 color:#fff; */
}
.sbjc-btn{
 position:absolute;
 right:30px;
 top:100px;
 width:160px;

}
.sbjc-btn button{
 width:100%;
}
.sbjc-btn .search button{
 color:#fff;
}
.sbjc-btn dt{
padding-left:10px;
}
.tad-tit{padding:5px 0;font-size:14px;color:rgb(201, 37, 37);}
